<!-- 
  @Author: deemoprobe@gmail.com
  @Date:   2020-09-22 15:16:46
  @Last Modified by:   deemoprobe@gmail.com
  @Last Modified time: 2020-09-22 15:16:47
-->
<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Aurelius | Contact Us</title>
	<!-- Stylesheets -->
	<link rel="stylesheet" href="./style.css" type="text/css" media="screen" />
</head>

<body>
	<div id="wrapper" class="container_12 clearfix">
		<!-- Text Logo -->
		<h1 id="logo" class="grid_4">Aurelius</h1>
		<!-- Navigation Menu -->
		<ul id="navigation" class="grid_8">
			<li><a href="contact.html"><span class="meta">Get in touch</span><br />
					Contact Us</a></li>
			<li><a href="blog.html" class="current"><span class="meta">Latest news</span><br />
					Blog</a></li>
			<li><a href="index.html"><span class="meta">Homepage</span><br />
					Home</a></li>
		</ul>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Caption Line -->
		<h2 class="grid_12 caption clearfix">Enjoyed looking at our work? Don't hesitate to <span>contact us</span>!
		</h2>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Column 1 / Content -->
		<div class="grid_8">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel porta erat. Quisque sit amet risus at
				odio pellentesque sollicitudin. Proin suscipit molestie facilisis. Aenean vel massa magna. Proin nec
				lacinia augue. Mauris venenatis libero nec odio viverra consequat. In hac habitasse platea dictumst.</p>
			<!-- Contact Form -->
			<form action='index.html' method='post' id='contact_form'>
				<h3>Contact Form</h3>
				<div class="hr dotted clearfix">&nbsp;</div>
				<ul>
					<li class="clearfix">
						<label for="name">Name</label>
						<input type='text' name='name' id='name' />
						<div class="clear"></div>
						<p id='name_error' class='error'>Insert a Name</p>
					</li>
					<li class="clearfix">
						<label for="email">Email Address</label>
						<input type='text' name='email' id='email' />
						<div class="clear"></div>
						<p id='email_error' class='error'>Enter a valid email address</p>
					</li>
					<li class="clearfix">
						<label for="subject">Subject</label>
						<input type='text' name='subject' id='subject' />
						<div class="clear"></div>
						<p id='subject_error' class='error'>Enter a message subject</p>
					</li>
					<li class="clearfix">
						<label for="message">Message</label>
						<textarea name='message' id='message' rows="30" cols="30"></textarea>
						<div class="clear"></div>
						<p id='message_error' class='error'>Enter a message</p>
					</li>
					<li class="clearfix">
						<p id='mail_success' class='success'>Thank you. I'll get back to you as soon as possible.</p>
						<p id='mail_fail' class='error'>Sorry, an error has occured. Please try again later.</p>
						<div id="button">
							<input type='submit' id='send_message' class="button" value='Submit' />
						</div>
					</li>
				</ul>
			</form>
		</div>
		<!-- Column 2 / Sidebar -->
		<div class="grid_4">
			<h4>Catagories</h4>
			<ul class="sidebar">
				<li><a href="">So who are we?</a></li>
				<li><a href="">Philosophy</a></li>
				<li><a href="">History</a></li>
				<li><a href="">Jobs</a></li>
				<li><a href="">Staff</a></li>
				<li><a href="">Clients</a></li>
			</ul>
			<h4>Archives</h4>
			<ul class="sidebar">
				<li><a href="">January 2010</a></li>
				<li><a href="">December 2009</a></li>
				<li><a href="">Novemeber 2009</a></li>
				<li><a href="">October 2009</a></li>
				<li><a href="">September 2009</a></li>
				<li><a href="">August 2009</a></li>
			</ul>
		</div>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Footer -->
		<p class="grid_12 footer clearfix"> <span class="float"><strong>Design By</strong>
				QwibbleDesigns&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Code By</strong> <a
					href="http://www.ludou.org/">Ludou</a></span> <a class="float right" href="#">top</a> </p>
	</div>
	<!--end wrapper-->
</body>

</html>